<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="./css/main.css">
</head>
<body class="wp">
    {{> header}}
    <p class="hello">简易静态文件测试</p>
    <img src="../images/test.jpg" alt="">
    
    <h4> 1) 数据渲染测试</h4>
    <div>
        <p>当前环境是{{global.env}}</p>
        <p>CSS根目录是{{global.css}}</p>
        <p>JS根目录是{{global.js}}</p>
    </div>

    <h4> 2) repeat 指令测试</h4>
    {{#repeat count=6 start=0}}
        循环测试: <span>{{@index}}  ;</span>
    {{/repeat}}

    <h4> 3) if-else 指令测试</h4>
    {{#if isActive}}
        <img src="../images/test.jpg" alt="Active">
    {{else}}
        <img src="../images/test.jpg" alt="inActive">
    {{/if}}

    <h4> 4) raw 指令测试</h4>
    {{{{raw}}}}
    <div>
        {{#each users as |user userId|}}Id: {{userId}} Name: {{user.name}}{{/each}}
    </div>
    {{{{/raw}}}}


    <h4> 5) import 指令测试</h4>
    {{import './src/templates/module/header.hbs'}} 


    {{> footer}}
    
</body>
</html>